@charset "UTF-8";
[class^="lop-"] {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #2f3238;
  letter-spacing: 1.2px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lop-form-box-loc {
  width: 100%;
  min-width: 220px;
  padding: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* input 控件样式 */
  /* 单选框 */
  /* 下拉选择框 */
  /* 单文件上传样式 */
  /* 多文件上传 */
  /* 提交按钮 */ }
  .lop-form-box-loc .lop-form-input-box {
    margin: 10px 0;
    position: relative;
    min-width: 200px;
    flex-basis: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid rgba(100, 100, 100, 0.2);
    background: #FFF;
    height: 40px;
    min-height: 40px !important;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    .lop-form-box-loc .lop-form-input-box .lop-form-title {
      white-space: nowrap;
      display: flex;
      padding-left: 7px;
      padding-right: 7px; }
      .lop-form-box-loc .lop-form-input-box .lop-form-title .lop-hide {
        font-size: 14px; }
      .lop-form-box-loc .lop-form-input-box .lop-form-title .lop-text {
        font-size: 14px; }
        .lop-form-box-loc .lop-form-input-box .lop-form-title .lop-text .lop-form-must {
          padding-right: 2px;
          color: red; }
    .lop-form-box-loc .lop-form-input-box div.lop-form-input {
      flex-basis: 100%;
      border-radius: 5px;
      height: 100%;
      line-height: 40px;
      position: relative;
      -moz-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .lop-form-box-loc .lop-form-input-box div.lop-form-input input.lop-form-input, .lop-form-box-loc .lop-form-input-box div.lop-form-input textarea.lop-form-input {
        position: absolute;
        border-radius: 5px;
        width: 100%;
        border: none;
        outline: none;
        height: 100%;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px; }
        .lop-form-box-loc .lop-form-input-box div.lop-form-input input.lop-form-input::-webkit-input-placeholder, .lop-form-box-loc .lop-form-input-box div.lop-form-input textarea.lop-form-input::-webkit-input-placeholder {
          color: #c1c7cd;
          font-size: 14px; }
        .lop-form-box-loc .lop-form-input-box div.lop-form-input input.lop-form-input:-moz-placeholder, .lop-form-box-loc .lop-form-input-box div.lop-form-input textarea.lop-form-input:-moz-placeholder {
          color: #c1c7cd;
          font-size: 14px; }
        .lop-form-box-loc .lop-form-input-box div.lop-form-input input.lop-form-input::-moz-placeholder, .lop-form-box-loc .lop-form-input-box div.lop-form-input textarea.lop-form-input::-moz-placeholder {
          color: #c1c7cd;
          font-size: 14px; }
        .lop-form-box-loc .lop-form-input-box div.lop-form-input input.lop-form-input:-ms-input-placeholder, .lop-form-box-loc .lop-form-input-box div.lop-form-input textarea.lop-form-input:-ms-input-placeholder {
          color: #c1c7cd;
          font-size: 14px; }
  .lop-form-box-loc .lop-form-classic {
    background: transparent;
    border: none;
    height: 38px; }
    .lop-form-box-loc .lop-form-classic div.lop-form-input {
      background: #FFF;
      border: 1px solid rgba(100, 100, 100, 0.2); }
  .lop-form-box-loc .lop-form-disable {
    background: #FFF;
    border: none; }
    .lop-form-box-loc .lop-form-disable div.lop-form-input {
      border: none; }
    .lop-form-box-loc .lop-form-disable:after {
      border: 1px solid rgba(100, 100, 100, 0.2);
      border-radius: 5px;
      content: '';
      display: inline-block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(50, 50, 50, 0.1);
      z-index: 5;
      cursor: no-drop; }
  .lop-form-box-loc .lop-form-textarea-box {
    height: 200px; }
    .lop-form-box-loc .lop-form-textarea-box .lop-form-title {
      align-self: flex-start;
      padding-top: 8px; }
      .lop-form-box-loc .lop-form-textarea-box .lop-form-title .lop-form-text {
        height: 200px; }
    .lop-form-box-loc .lop-form-textarea-box div.lop-form-input {
      height: 200px;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .lop-form-box-loc .lop-form-textarea-box div.lop-form-input textarea.lop-form-input {
        resize: none;
        height: calc(100% - 4px);
        padding: 10px; }
  .lop-form-box-loc .lop-form-select-box {
    width: 100%;
    margin: 7px 0; }
    .lop-form-box-loc .lop-form-select-box .lop-form-title {
      display: flex;
      align-items: center;
      border-radius: 5px;
      -moz-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-text {
        height: 38px !important;
        line-height: 18px;
        font-weight: 400;
        white-space: nowrap;
        padding: 10px 5px 10px 13px;
        display: flex;
        margin-right: 10px; }
        .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-text .lop-text {
          font-size: 14px; }
          .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-text .lop-text .lop-form-must {
            position: absolute;
            top: 50%;
            left: -9px;
            transform: translateY(-50%);
            color: red; }
      .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list {
        display: flex;
        align-items: center;
        height: 18px; }
        .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-sel, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-sel {
          border-radius: 50%; }
          .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-sel:after {
            border-radius: 50%; }
        .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-option, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-option {
          display: flex;
          align-items: center;
          cursor: pointer;
          margin: 0 7px;
          position: relative;
          white-space: nowrap; }
          .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-sel, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-option .lop-form-option-sel, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-sel, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-option .lop-form-option-sel {
            margin-right: 7px;
            display: inline-block;
            min-width: 16px;
            height: 16px;
            background: #FFF;
            border: 1px solid rgba(100, 100, 100, 0.1);
            position: relative; }
            .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-option .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-option .lop-form-option-sel:after {
              content: '';
              display: inline-block;
              position: absolute;
              top: 2px;
              left: 2px;
              width: 10px;
              height: 10px;
              transform: scale(0);
              background: #6ac6f0;
              -moz-transition: all 0.3s;
              -webkit-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
            .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-option .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-option .lop-form-option-sel:before {
              content: '';
              display: inline-block;
              position: absolute;
              top: 50%;
              left: 50%;
              box-shadow: #6ac6f0 0 0 5px;
              transform: translate(-50%, -50%) scale(0);
              z-index: -1;
              background: #6ac6f0;
              -moz-transition: all 0.3s;
              -webkit-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
          .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-option .lop-form-option-text, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-option .lop-form-option-text, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-option .lop-form-option-text, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-option .lop-form-option-text {
            font-size: 14px;
            cursor: pointer;
            -moz-user-select: none;
            /*火狐*/
            -webkit-user-select: none;
            /*webkit浏览器*/
            -ms-user-select: none;
            /*IE10*/
            -khtml-user-select: none;
            /*早期浏览器*/
            user-select: none; }
        .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-sel .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-sel .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-sel .lop-form-option-sel:after, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-sel .lop-form-option-sel:after {
          transform: scale(1); }
        .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-radio-sel .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-check-sel .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-radio-sel .lop-form-option-sel:before, .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-check-sel .lop-form-option-sel:before {
          transform: translate(-50%, -50%) scale(1); }
      .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-radio-list .lop-form-option-sel:before {
        width: 17px;
        height: 17px;
        border-radius: 50%; }
      .lop-form-box-loc .lop-form-select-box .lop-form-title .lop-form-check-list .lop-form-option-sel:before {
        width: 15px;
        height: 15px; }
  .lop-form-box-loc .lop-form-select-list {
    min-width: 230px;
    margin: 7px 10px 7px 0;
    flex-basis: 100%; }
    .lop-form-box-loc .lop-form-select-list .lop-form-title {
      display: flex;
      align-items: center;
      border-radius: 5px;
      -moz-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-form-text {
        height: 38px !important;
        line-height: 18px;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap;
        padding: 10px 5px 10px 13px;
        display: flex;
        margin-right: 10px; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-form-text .lop-text {
          font-size: 13px; }
          .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-form-text .lop-text .lop-form-must {
            font-size: 13px;
            position: absolute;
            top: 50%;
            left: -8px;
            transform: translateY(-50%);
            color: red; }
      .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box {
        margin: 0 10px;
        display: inline-block;
        min-width: 130px;
        height: 40px;
        border-radius: 5px;
        box-shadow: rgba(100, 100, 100, 0.1) 0 0 5px;
        cursor: pointer;
        background: #FFF;
        position: relative;
        /*滚动条样式*/ }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-sel-text {
          max-width: calc(100% - 50px);
          font-size: 13px;
          letter-spacing: 1px;
          display: inline-block;
          position: absolute;
          left: 12px;
          top: 50%;
          transform: translateY(-50%);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-icon-box {
          width: 16px;
          height: 16px;
          text-align: center;
          line-height: 16px;
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-icon-box .lop-icon {
            content: '';
            display: inline-block;
            font-size: 12px;
            pointer-events: none;
            color: #969696; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select::-webkit-scrollbar {
          width: 4px; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background: rgba(0, 0, 0, 0.2); }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          border-radius: 0;
          background: rgba(0, 0, 0, 0.1); }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select {
          margin: 0;
          padding: 0;
          max-height: 315px;
          overflow-y: auto;
          position: relative;
          top: 80px;
          opacity: 0;
          z-index: -1;
          background: #FFF;
          box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
          -moz-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select .lop-select-option {
            letter-spacing: 1px;
            padding: 10px 15px;
            margin: 5px 0;
            min-width: 100px;
            text-align: center;
            cursor: pointer;
            font-size: 13px;
            white-space: nowrap;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            -moz-user-select: none;
            /*火狐*/
            -webkit-user-select: none;
            /*webkit浏览器*/
            -ms-user-select: none;
            /*IE10*/
            -khtml-user-select: none;
            /*早期浏览器*/
            user-select: none; }
            .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-select .lop-select-option:hover {
              background: #f2f3fc;
              color: #6ac6f0; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box .lop-sel-option {
          background: #f2f3fc; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box:hover .lop-sel-text, .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box:hover .lop-icon {
          color: #6ac6f0; }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box:hover .lop-icon-box {
          transform: translateY(-50%) rotateZ(180deg); }
        .lop-form-box-loc .lop-form-select-list .lop-form-title .lop-select-box:hover .lop-select {
          top: 42px;
          opacity: 1;
          z-index: 99; }
  .lop-form-box-loc .lop-form-file-box {
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .lop-form-box-loc .lop-form-file-box .lop-form-title {
      margin-right: 15px;
      margin-top: 15px;
      width: 150px;
      min-width: 150px;
      display: flex;
      flex-direction: column;
      border-radius: 5px;
      -moz-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
      .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn {
        cursor: pointer;
        width: 100%;
        height: 40px;
        border-radius: 5px;
        background: #6ac6f0;
        box-shadow: rgba(50, 50, 50, 0.1) 0 0 10px;
        position: relative;
        overflow: hidden; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn .lop-form-text {
          cursor: pointer;
          display: inline-block;
          width: 100%;
          text-align: center;
          font-size: 13px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -moz-transition: all 0.4s;
          -webkit-transition: all 0.4s;
          -ms-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s; }
          .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn .lop-form-text .lop-text {
            color: #f0f9eb;
            font-size: 13px; }
          .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn .lop-form-text .lop-form-must {
            display: inline-block;
            color: red;
            font-size: 13px;
            transform: translateX(-3px);
            margin-right: 3px; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn:after {
          cursor: pointer;
          font-size: 13px;
          color: #f0f9eb;
          content: '点击上传';
          display: inline-block;
          position: absolute;
          top: 150%;
          left: 50%;
          transform: translate(-50%, -50%);
          -moz-transition: all 0.4s;
          -webkit-transition: all 0.4s;
          -ms-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn:hover .lop-form-text {
          top: -50%; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn:hover:after {
          top: 50%; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-btn .lop-form-file {
          cursor: pointer;
          background: transparent;
          width: 100%;
          height: 100%;
          outline: none;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          z-index: 2; }
      .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look {
        margin-top: 20px;
        width: 100%;
        height: 150px;
        position: relative;
        background: #f9faf8;
        box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-icon {
          color: #bababa;
          font-size: 50px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-form-img-box {
          padding: 5px;
          width: 100%;
          height: 100%;
          cursor: pointer;
          position: relative;
          overflow: hidden; }
          .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-form-img-box > img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-form-img-box .lop-form-img-del {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            transform: scale(0);
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
            .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-form-img-box .lop-form-img-del .icon-lop-del {
              color: #cccccc;
              font-size: 50px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
          .lop-form-box-loc .lop-form-file-box .lop-form-title .lop-form-file-look .lop-form-img-box:hover .lop-form-img-del {
            transform: scale(1); }
  .lop-form-box-loc .lop-files .lop-form-title {
    width: 100% !important;
    flex-direction: row;
    flex-wrap: wrap; }
    .lop-form-box-loc .lop-files .lop-form-title > .lop-form-file-btn {
      width: 150px;
      display: inline-block; }
    .lop-form-box-loc .lop-files .lop-form-title .lop-form-max-num {
      margin-left: 20px;
      line-height: 40px;
      font-size: 13px;
      color: red;
      white-space: nowrap; }
    .lop-form-box-loc .lop-files .lop-form-title > .lop-form-file-look {
      width: 100%;
      padding: 10px 5px;
      display: flex;
      align-items: center; }
      .lop-form-box-loc .lop-files .lop-form-title > .lop-form-file-look .lop-form-img-box {
        width: 140px;
        height: 140px;
        margin: 0 5px; }
  .lop-form-box-loc .lop-form-sub-btn {
    width: calc(100% - 10px);
    min-width: 120px;
    padding: 10px 30px;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
    background: #25a5b9;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none; }
    .lop-form-box-loc .lop-form-sub-btn .lop-disable {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(230, 230, 230, 0.5);
      border-radius: 5px;
      cursor: no-drop;
      z-index: 5; }
    .lop-form-box-loc .lop-form-sub-btn:hover {
      background: #248da0; }
  .lop-form-box-loc .lop-middle-btn {
    max-width: 50%; }
  .lop-form-box-loc .lop-small-btn {
    max-width: 15%; }

.lop-form-box-row2 .lop-form-input-box, .lop-form-box-row2 .lop-form-select-list {
  flex-basis: calc(49% - 20px);
  flex-grow: 1;
  margin: 7px; }
.lop-form-box-row2 .lop-form-select-box {
  margin: 7px; }

.lop-form-box-row3 .lop-form-input-box, .lop-form-box-row3 .lop-form-select-list {
  flex-basis: calc(32% - 20px);
  flex-grow: 1;
  margin: 7px; }
.lop-form-box-row3 .lop-form-select-box {
  margin: 7px; }

.lop-form-box-row4 .lop-form-input-box, .lop-form-box-row4 .lop-form-select-list {
  flex-basis: calc(24% - 20px);
  flex-grow: 1;
  margin: 7px; }
.lop-form-box-row4 .lop-form-select-box {
  margin: 7px; }

.lop-form-box-row5 .lop-form-input-box, .lop-form-box-row5 .lop-form-select-list {
  flex-basis: calc(19% - 20px);
  flex-grow: 1;
  margin: 7px; }
.lop-form-box-row5 .lop-form-select-box {
  margin: 7px; }

.lop-form-box-row6 .lop-form-input-box, .lop-form-box-row6 .lop-form-select-list {
  flex-basis: calc(14% - 20px);
  flex-grow: 1;
  margin: 7px; }
.lop-form-box-row6 .lop-form-select-box {
  margin: 7px; }

/* 数据表格 */
.lop-common-table-box {
  width: 100%;
  padding: 10px; }
  .lop-common-table-box .lop-common-table-conditions-box .lop-form-box-loc {
    align-items: center;
    display: flex; }
    .lop-common-table-box .lop-common-table-conditions-box .lop-form-box-loc .lop-form-sub-table-btn {
      width: 15%;
      min-width: 160px;
      padding: 10px 30px;
      border-radius: 4px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      background: #25a5b9;
      color: #FFF;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      -moz-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      -moz-user-select: none;
      /*火狐*/
      -webkit-user-select: none;
      /*webkit浏览器*/
      -ms-user-select: none;
      /*IE10*/
      -khtml-user-select: none;
      /*早期浏览器*/
      user-select: none; }
      .lop-common-table-box .lop-common-table-conditions-box .lop-form-box-loc .lop-form-sub-table-btn:hover {
        background: #248da0; }
  .lop-common-table-box .lop-common-table {
    width: 100%;
    box-shadow: rgba(100, 100, 100, 0.1) 0 0 10px;
    background: #FFF; }
    .lop-common-table-box .lop-common-table .lop-common-thead {
      background: #fafafa;
      box-shadow: rgba(100, 100, 100, 0.1) 0 2px 2px; }
    .lop-common-table-box .lop-common-table .lop-common-tbody {
      background: #fdfdfd; }
    .lop-common-table-box .lop-common-table .lop-common-thead, .lop-common-table-box .lop-common-table .lop-common-tbody {
      width: 100%; }
      .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row:hover, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row:hover {
        background: #fafafa; }
      .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row {
        width: 100%; }
        .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-item, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-item {
          padding: 10px 13px;
          font-size: 15px;
          text-align: center;
          max-height: 117px; }
        .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-thead-item, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-thead-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-thead-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-thead-item {
          white-space: nowrap; }
        .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-tbody-item, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-tbody-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-tbody-item, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-tbody-item {
          position: relative;
          /* 图片项 */
          /* 按钮项 */ }
          .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-tbody-item .lop-common-item-img, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-img, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-tbody-item .lop-common-item-img, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-img {
            width: 140px;
            height: 78px;
            object-fit: cover; }
          .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-tbody-item .lop-common-item-btn-box, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-btn-box, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-tbody-item .lop-common-item-btn-box, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-btn-box {
            display: flex;
            justify-content: center; }
            .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-thead-row .lop-common-tbody-item .lop-common-item-btn-box .lop-common-item-btn, .lop-common-table-box .lop-common-table .lop-common-thead .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-btn-box .lop-common-item-btn, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-thead-row .lop-common-tbody-item .lop-common-item-btn-box .lop-common-item-btn, .lop-common-table-box .lop-common-table .lop-common-tbody .lop-common-tbody-row .lop-common-tbody-item .lop-common-item-btn-box .lop-common-item-btn {
              padding: 9px 25px;
              cursor: pointer;
              font-size: 15px;
              margin-right: 7px;
              border-radius: 5px;
              -moz-transition: all 0.5s;
              -webkit-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -o-transition: all 0.5s;
              transition: all 0.5s;
              -moz-user-select: none;
              /*火狐*/
              -webkit-user-select: none;
              /*webkit浏览器*/
              -ms-user-select: none;
              /*IE10*/
              -khtml-user-select: none;
              /*早期浏览器*/
              user-select: none; }
  .lop-common-table-box .lop-common-table-left .lop-common-item {
    text-align: left !important; }
    .lop-common-table-box .lop-common-table-left .lop-common-item .lop-common-item-img-box {
      margin: 0 !important; }
      .lop-common-table-box .lop-common-table-left .lop-common-item .lop-common-item-img-box:hover .lop-common-item-img {
        left: 0 !important;
        transform: none !important; }
    .lop-common-table-box .lop-common-table-left .lop-common-item .lop-common-item-btn-box {
      justify-content: flex-start !important; }
  .lop-common-table-box .lop-common-table-border-clo .lop-common-item, .lop-common-table-box .lop-common-table-border-all .lop-common-item {
    border-right: 1px solid rgba(100, 100, 100, 0.1); }
  .lop-common-table-box .lop-common-table-border-row .lop-common-item, .lop-common-table-box .lop-common-table-border-all .lop-common-item {
    border-bottom: 1px solid rgba(100, 100, 100, 0.1); }
  .lop-common-table-box .lop-common-table-page-box {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list {
      display: flex; }
      .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn {
        display: flex; }
        .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn > li {
          margin: 0 7px; }
        .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn .lop-common-table-page-more {
          font-size: 20px;
          font-weight: bolder;
          cursor: default;
          -moz-user-select: none;
          /*火狐*/
          -webkit-user-select: none;
          /*webkit浏览器*/
          -ms-user-select: none;
          /*IE10*/
          -khtml-user-select: none;
          /*早期浏览器*/
          user-select: none; }
        .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn .lop-common-table-page-item-sel {
          color: #f4f6f8;
          background: #62a0ca; }
      .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn-up, .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn-down, .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-item {
        padding: 7px 15px;
        background: #FFF;
        box-shadow: rgba(100, 100, 100, 0.2) 0 0 5px;
        border-radius: 4px;
        cursor: pointer;
        -moz-user-select: none;
        /*火狐*/
        -webkit-user-select: none;
        /*webkit浏览器*/
        -ms-user-select: none;
        /*IE10*/
        -khtml-user-select: none;
        /*早期浏览器*/
        user-select: none;
        -moz-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
        .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn-up:hover, .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-btn-down:hover, .lop-common-table-box .lop-common-table-page-box .lop-common-table-page-list .lop-common-table-page-item:hover {
          color: #f4f6f8;
          background: #62a0ca;
          transform: translateY(-4px); }
    .lop-common-table-box .lop-common-table-page-box .lop-common-table-fun-box .lop-common-table-total {
      font-size: 12px; }
      .lop-common-table-box .lop-common-table-page-box .lop-common-table-fun-box .lop-common-table-total .lop-common-table-total-num {
        font-weight: bold;
        font-size: 12px;
        margin-left: 7px;
        margin-right: 7px; }
